@(missionId: Int)(implicit messages: Messages)
<div class="tab-pane fade in active " id="corNetwork">

	<div class="col-sm-8" id="content">
		<div>

			<a class="myToggle" style="float: right;
				border: 0px;
				margin-top: 10px">
				<i class="fa fa-angle-double-right" style="color: grey"></i>
			</a>
		</div>

		<div id="cy" style="height: 600px;
			border: 1px solid #8b8b8b9c;
			margin: 10px 0px 10px 0px;
			width: 100%;
			float: left;"></div>

	</div>

	<div class="col-sm-4" id="sidebar">

		<form id="form" class=" form-horizontal" accept-charset="UTF-8"
		method="post" style="margin-top: 30px;">

			<input type="hidden" name="missionId" value="@missionId">

			<div class="tab-content argTabContent" style="margin-top: 20px">

				<div class="tab-pane fade in active" id="corHeatmapLayout">

					<h4>@messages("nodes")</h4>

					<div class="form-group ">
						<label class="control-label col-sm-4">@{
							messages("nodeSize")
						}:</label>
						<div class="col-sm-8">
							<b>0</b>
							<input name="nodeSizeRange" style="width: 80%" type="text" class="mySlider" value=""  data-slider-step="1"/>
							<b>30</b>
						</div>
					</div>

					<h4>Edges</h4>

					<div class="form-group ">
						<label class="control-label col-sm-4">@{
							messages("edgeWidth")
						}:</label>
						<div class="col-sm-8">
							<b>0</b>
							<input name="edgeWidthRange" style="width: 80%" type="text" class="mySlider" value=""  data-slider-step="1"/>
							<b>10</b>
						</div>
					</div>

					<div class="form-group ">
						<label class="control-label col-sm-4">@messages("edgeTransparency"):</label>
						<div class="col-sm-8">
							<input type="text" name="lineAlpha" class="form-control fillByName" value="0.6"/>
						</div>
					</div>

					<h4>@messages("nodesFromFile1")</h4>

					<div class="form-group">
						<label class="control-label col-sm-4">@messages("nodeShape"):</label>
						<div class="col-sm-8">
							<select class="form-control fillByNameAndTrigger nodeShape" name="node1Shape" >
															</select>
						</div>
					</div>

					<div class="form-group ">
						<label class="control-label col-sm-4">@messages("nodeFillColor"):</label>
						<div class="col-sm-8">
							<input type="text" name="node1Color" class="form-control myMinicolors  fillByName"/>
						</div>
					</div>

					<div class="form-group ">
						<label class="control-label col-sm-4">@messages("nodeTransparency"):</label>
						<div class="col-sm-8">
							<input type="text" name="node1Alpha" class="form-control fillByName" value="1"/>
						</div>
					</div>

					<div id="node1Label">

					</div>

					<div id="node2">
						<h4>@messages("nodesFormFile2")</h4>
						<div class="form-group">
							<label class="control-label col-sm-4">@messages("nodeShape"):</label>
							<div class="col-sm-8">
								<select class="form-control fillByNameAndTrigger nodeShape" name="node2Shape" >
								</select>
							</div>
						</div>

						<div class="form-group ">
							<label class="control-label col-sm-4">@messages("nodeFillColor"):</label>
							<div class="col-sm-8">
								<input type="text" name="node2Color" class="form-control myMinicolors  fillByName"/>
							</div>
						</div>

						<div class="form-group ">
							<label class="control-label col-sm-4">@messages("nodeTransparency"):</label>
							<div class="col-sm-8">
								<input type="text" name="node2Alpha" class="form-control fillByName" value="1"/>
							</div>
						</div>

						<div id="node2Label">

						</div>

					</div>

				</div>

			</div>

			<div class="form-group form-horizontal">
				<div class="actions col-sm-offset-2 col-sm-4">
					<button type="button" class="btn btn-primary myRun" style="width: 90%;" id="search">
					@messages("run")</button>
				</div>
			</div>

		</form>

	</div>

</div>

